<!DOCTYPE html>
<html lang="en">
<head>
    {% load static %}
    <meta charset="UTF-8">
    <title>基于深度学习的人群计数系统</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/normalize.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/default.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/pgwslideshow.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/pgwslideshow_light.css' %}">


</head>
<body>


<script src="{% static 'js/jquery-1.11.0.min.js' %}" type="text/javascript"></script>
<script type="text/javascript" src="{% static 'js/pgwslideshow.js' %}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.pgwSlideshow').pgwSlideshow({
            transitionEffect: 'fading',
            autoSlide: true
        });
    });
</script>

<form method="post" enctype="multipart/form-data" action="{% url 'count:getPic' %}">
    {% csrf_token %}
    {% if pic.name != null %}
        <div class="htmleaf-container">

            <div class="htmleaf-content bgcolor-3">
                <ul class="pgwSlideshow">
                    <li> <img src="/media/{{ pic.name }}" alt="ogPic"></li>
                    <li><img src="{% static 'img/1.jpg' %}" alt="San Francisco, USA"
                             data-description="Golden Gate Bridge"></li>
                    <li><img src="{% static 'img/2.jpg' %}" alt="Rio de Janeiro, Brazil"></li>
                    <li><img src="{% static 'img/3.jpg' %}" alt="Rio de Janeiro, Brazil"></li>
                    <li><img src="{% static 'img/4.jpg' %}" alt=""></li>

                </ul>
            </div>
        </div>


    {% else %}
        <div class="htmleaf-container">

            <div class="htmleaf-content bgcolor-3">
                <ul class="pgwSlideshow">
                    <li><img src="{% static 'img/1.jpg' %}" alt="San Francisco, USA"
                             data-description="Golden Gate Bridge"></li>
                    <li><img src="{% static 'img/2.jpg' %}" alt="Rio de Janeiro, Brazil"></li>
                    <li><img src="{% static 'img/3.jpg' %}" alt="Rio de Janeiro, Brazil"></li>
                    <li><img src="{% static 'img/4.jpg' %}" alt=""></li>

                </ul>
            </div>
        </div>
    {% endif %}
     {{ af.as_p }}
    <input type="submit" value="OK"/>
</form>


</body>
</html>